layui.use(['table', 'admin', 'ax', 'ztree', 'func', 'tree','form','layer'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var $ZTree = layui.ztree;
    var func = layui.func;
    var tree = layui.tree;
    var form = layui.form;
    var layer = layui.layer;

    /**
     * 系统管理--区域管理
     */
    var Dept = {
        tableId: "deptTable",
        condition: {
            id: ""
        }
    };

    /**
     * 初始化表格的列
     */
    Dept.initColumn = function () {
        return [[
            // {type: 'checkbox'},
            {field: 'id', hide: true, sort: true, title: 'id'},
            {field: 'simpleName', align: "left", sort: true, title: '简称'},
            {field: 'yaomaCode', align: "center", sort: true,edit:"text", title: '妖码'},
            {field: 'num', align: "center", sort: true,edit:"text", title: '门店数量'},
            {field: 'yskj', align: "center", title: '应收会计'},
            {field: 'yfkj', align: "center", title: '应付会计'},
            {field: 'cbkj', align: "center", title: '成本会计'},
            {field: 'fw1', align: "center", title: '范围1'},
            {field: 'fw2', align: "center", title: '范围2'},
            {field: 'fw3', align: "center", title: '范围3'},
            {field: 'fw4', align: "center", title: '范围4'},
            // {field: 'description', align: "center", sort: true, title: '备注'},
            {align: 'center', toolbar: '#tableBar', title: '操作', minWidth: 200}
        ]];
    };

    /**
     * 点击查询按钮
     */
    Dept.search = function () {
        var queryData = {};
        queryData['simpleName'] = $("#name").val();
        queryData['id'] = Dept.condition.id;
        queryData['type'] = $("#type").val();
        table.reload(Dept.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    /**
     * 选择区域时
     */
    Dept.onClickDept = function (obj) {
        Dept.condition.id = obj.data.id;
        Dept.search();
    };

    /**
     * 弹出添加
     */
    Dept.openAddDept = function () {
        func.open({
            height: 530,
            title: '添加区域',
            content: Feng.ctxPath + '/area/dept_add',
            tableId: Dept.tableId,
            endCallback:function(){
                Dept.initLeft();
            }
        });
    };

    /**
     * 点击编辑区域
     *
     * @param data 点击按钮时候的行数据
     */
    Dept.onEditDept = function (data) {
        func.open({
            height: 530,
            title: '编辑区域',
            content: Feng.ctxPath + "/area/dept_update?id=" + data.id,
            tableId: Dept.tableId
        });
    };

    /**
     * 导出excel按钮
     */
    Dept.exportExcel = function () {
        var checkRows = table.checkStatus(Dept.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除区域
     *
     * @param data 点击按钮时候的行数据
     */
    Dept.onDeleteDept = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/area/delete", function () {
                Feng.success("删除成功!");
                table.reload(Dept.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除区域 " + data.simpleName + "?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + Dept.tableId,
        url: Feng.ctxPath + '/area/list',
        page: true,
        height: "full-59",
        limit:20,
        cellMinWidth: 100,
        cols: Dept.initColumn(),
        done:function () {
            setTimeout(()=>{

                var version = sessionStorage.getItem("jindu");
                if(version == undefined){
                    //初始化左侧区域树
                    Dept.initLeft=function(){
                        var ajax = new $ax(Feng.ctxPath + "/area/layuiTree", function (data) {
                            // tree.render({
                            //     elem: '#deptTree',
                            //     data: data,
                            //     click: Dept.onClickDept,
                            //     onlyIconControl: true
                            // });
                            sessionStorage.setItem("jindu",JSON.stringify(data));
                        }, function (data) {
                        });
                        ajax.start();
                    };
                    Dept.initLeft();
                }

            },2000)
        }
    });

    $('#btnBM').click(function () {
        var version = sessionStorage.getItem("jindu");
        if(version == undefined){
            Dept.initLeft=function(){

                var ajax = new $ax(Feng.ctxPath + "/area/layuiTree", function (data) {
                    tree.render({
                        elem: '#deptTree',
                        data: data,
                        click: Dept.onClickDept,
                        onlyIconControl: true
                    });
                    sessionStorage.setItem("jindu",JSON.stringify(data));
                }, function (data) {
                });
                ajax.start();
            };
            Dept.initLeft()
        }else {
            tree.render({
                elem: '#deptTree',
                data: JSON.parse(version),
                click: Dept.onClickDept,
                onlyIconControl: true
            });
        }
        $('#btnBM').css("display","none");
    });



    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        Dept.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {
        Dept.openAddDept();
    });

    // 导出excel
    $('#btnExp').click(function () {
        Dept.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + Dept.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            Dept.onEditDept(data);
        } else if (layEvent === 'delete') {
            Dept.onDeleteDept(data);
        }
    });
    table.on('edit('+Dept.tableId+')', function(obj){
       var v = obj.value; //得到修改后的值
        var field=obj.field; //当前编辑的字段名
        var area=obj.data; //所在行的所有相关数据
        if("yaomaCode"==field){
            area.yaomaCode=v;
        }else if("num"==field){
            area.num=v;
        }
        var ajax = new $ax(Feng.ctxPath + "/area/update", function (data) {
            if(data.success){
                Feng.success("修改成功！");
            }else{
                Feng.error(data.message);
                obj.value="";
                table.render();
                return;
            }
        }, function (data) {
            Feng.error("修改失败！" + data.responseJSON.message)
        });
        ajax.set(area);
        ajax.start();

    });
});

$(function () {
    var panehHidden = false;
    if ($(this).width() < 769) {
        panehHidden = true;
    }
    $('#myContiner').layout({initClosed: panehHidden, west__size: 260});
});